<!doctype html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<link href="../../css/global.css" rel="stylesheet" type="text/css">
	<link href="../../js/layer/theme/default/layer.css" rel="stylesheet" type="text/css">
	<style>
		.change_drug table {
			width: 98%;
			height: auto;
			border: 1px solid #cccccc;
			border-collapse: collapse;
			font-size: 13px;
		}

		.change_drug tr {
			border-bottom: 1px solid #CCCCCC;
			text-align: center;
			height: auto;
			text-align: center;
			line-height: 34px;
			width: 17%;
		}

		.change_drug td {
			border-right: 1px solid #CCCCCC;
		}

		.search-input p {
			line-height: 50px;
		}

		.iptInput {
			padding: 0 10px;
			height: 26px;
			line-height: 34px;
			border: 1px solid #c2cad8;
			vertical-align: middle;
			font-size: 12px;
			color: #000;
			width: 70px;
		}
		.markerBOX{
			position: relative;
		}
		.marker-number{
			position: absolute;
			text-align: center;
			width: 100%;
			left: 0;
			display: block;
			top: 0;
			font-size: 13px;
			color: white;
		}
		.equipmentBtn{
			padding: 8px 12px;
		    background-color: #3B86FF;
			color: #fff;
			text-align: center;
			cursor:pointer;
		}
	
		.show{
			display:block;
		}
		.hide{
			display: none;
		}
		#equipmentType option:nth-child(4){
				display: none;
		}
	</style>
	<title class="body_title">新增</title>
</head>

<body>
	<!--栏目列表-->
	<div class="left_menu">
		<div class="sub">
		</div>
	</div>
	<!--/栏目列表-->
	<div class="right_con">
		<div class="card">
			<div class="title"><span class="body_title">新增</span>
				<div class="cfr">
					<div class="tico full">
						<i class="iconfont icon-quanping"></i>
					</div>
				</div>
			</div>
			<div class="tipbox">
			</div>
			<div class="infoBox">
				<div class="boxs">
					<!--基本信息-->
					<div class="box">
						<div class="sub">
							<span>基本信息</span>
							<div class="r_toggle" toggle=".ifo1" toggletext="&#xe74a;,&#xe749;" open>&#xe74a;</div>
						</div>
						<div class="form ifo1 validform" ly-get="{{gateUrl}}/back/taskLine/selectTaskLineByIdOnBack">
							<input id="id" type="hidden" ly-bind="id" />

							<div class="row" gutter="10">
								<div class="label"><em>*</em>任务线路名称：</div>
								<div class="col-7">
									<input type="text" class="required radio ipt" name="taskLineName" id="taskLineName"
										ly-bind="lineName" placeholder="请输入任务线路名称" data-tip="请输入任务线路名称"
										data-valid="isNonEmpty||between:0-99"
										data-error="任务线路名称不能为空||任务线路名称长度必须在0-100之间">
								</div>
							</div>

							<div class="row taskLine"  gutter="10">
								<div class="label">任务路线图：</div>
								<div class="col-7">
									<div id="allmap" style="width: 750px; height:400px;"></div>
								</div>
							</div>
							
							<div class="row addDetailsList" gutter="10">
								<div class="label"><em>*</em>任务路线选择：</div>
								<div class="col-7">
									<a href="javascript:;" class="addbtn radio" id="addDetailsList">请选择任务路线</a>
								</div>
							</div>

							<div class="row allmap_creat " gutter="10">
									<div class="label"><em>*</em>任务线路图：</div>
									<div class="col-7">	
											<div id="allmap_creat" style="width: 750px; height:400px;"></div>
									</div>
								</div>
							<div class="row taskLine" gutter="10">
								<div class="label"><em>*</em>任务路线选择：</div>
								<div class="col-7">
									<div class="change_drug">
										<table>
											<thead>
												<tr>
													<td>排序</td>
													<td>经度</td>
													<td>纬度</td>
													<!--<td>任务操作</td>-->
													<td>任务说明</td>
												</tr>
											</thead>
											<tbody id="detailsList">

											</tbody>
										</table>
									</div>
								</div>
							</div>

						</div>
					</div>
					<div class="btnBox">
						<div class="fr">
							<button class="btn red " id="save-btn-commodityClassification">保存</button>
							<button class="btn goback" onclick="window.history.back()">返回</button>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--/layer弹窗-->
		<div class="layerBox create_merchant hide">
			<div class="layerhead"> <span>选择任务路线</span>
				<div class="fr close-operate"> <i class="iconfont icon-close"></i> </div>
			</div>
			<div class="layerfoot">
				<div class="fr">
					<button class="btn red" id="submit-btn-audit">保存</button>
					<button class="btn goback">关闭</button>
				</div>
			</div>  
			<!-- points2 -->
			<div class="layermain pl10">
				<form id="formMerchant" class="form formMerchant pl10">
					<div>
						<div style="float: left;width: 64%;overflow: auto;">
							<div class="search-input">
								<div class="row">
									<span gutter="10">
										<div class="label">设备类型</div>
										<div class="col-2">
											<select class="set" id="equipmentType" name="equipmentType"
												ly-type="select"></select>
										</div>
									</span>
									<span gutter="10">
										<div class="label">设备名称</div>
										<div class="col-2">
											<input type="text" class="ipt" id="equipmentName">
										</div>
									</span>
									<span gutter="10">
										<div class="label"></div>
										<div class="btnlist yellow">
											<a href="javascript:void(0)" onclick="changeSelectTeamList()">查询</a>
										</div>
									</span>
								</div>
							</div>
							<div class="change_drug">
								<table>
									<thead>
										<tr>
											<td>设备名称</td>
											<td>设备类型</td>
											<td>纬度</td>
											<td>经度</td>
											<td>详细地址</td>
											<td>操作</td>
										</tr>
									</thead>
									<tbody id="equipmentList">

									</tbody>

								</table>

							</div>

						</div>

						<div style="float: right;width: 35%;overflow: auto;">
							<div class="search-input" style="margin-top: 38px;">
								<span gutter="10">
									<div class="label">已选择</div>
									<div class="col-2">
									</div>
								</span>
							</div>
							<div class="change_drug" style="border-left: 1px solid #CCCCCC;">
								<table>
									<thead>
										<tr>
											<td>排序</td>
											<td>设备名称</td>
											<!--<td>任务操作</td>-->
											<td>任务说明</td>
											<td>操作</td>
										</tr>
									</thead>
									<tbody id="changeThisList">

									</tbody>
								</table>
							</div>

						</div>


						<div id="allmap2" style="width: 750px; height:400px;"></div>


					</div>
				</form>
			</div>
		</div>
		<!--/layer弹窗-->

</body>
<script id="jquery_js" src="../../js/jquery-1.11.1.min.js"></script>
<script id="config_js" src="../../js/config.js"></script>
<script id="ly_main_js" src="../../js/ly_main.js"></script>
<script src="../../js/jquery-validate.js"></script>
<script src="../../js/webuploader/webuploader.min.js"></script>
<script src="../../js/simpleuploader.js"></script>
<script src="../../js/common.js"></script>
<script src="../../js/layer/layer.js"></script>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=31d92b460bd11503e8766ad325476e00"></script> 
<script src="../../js/ourJs/task/taskLine-creat.js"></script>
<script type="text/javascript"></script>


</html>